<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:cust="http://localhost:8080/cust">
    <body>
        <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Reporte" />
            <ui:define name="body">
                <a4j:form>
                    <center>
                        <h:panelGrid columns="2">
                            <a4j:commandLink value="Menú Principal" action="#{SecurityBean.goToMenuAdmin}" />
                            <a4j:commandLink value="Cerrar Sesión" action="#{SecurityBean.goToMenuLogin}" />
                        </h:panelGrid>
                    </center>
                </a4j:form>

                <rich:simpleTogglePanel id="stpParametros" opened="true" >
                    <f:facet name="header" >
                        Reporte de Producto por Cliente
                    </f:facet>

                    <a4j:form>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Número Documento" />
                            <h:inputText value="#{CompraBean.numeroDocumento}" required="true"  />
                            <h:outputLabel value="Fecha Inicial" />
                            <h:inputText value="#{CompraBean.fechaInicial}" required="true"  />
                            <h:outputLabel value="Fecha Final" />
                            <h:inputText value="#{CompraBean.fechaFinal}" required="true" />
                            <h:commandButton value="Buscar" action="#{CompraBean.getCompraByCliente}" reRender="panelReporte"/>
                        </h:panelGrid>
                    </a4j:form>
                </rich:simpleTogglePanel>
                <rich:panel id="panelReporte">
                    <rich:simpleTogglePanel id="stpReporte" opened="#{CompraBean.opened}" >
                        <f:facet name="header" >
                            Resultado Reporte de Producto por Cliente
                        </f:facet>
                        <a4j:form>
                            <left>
                                <h:panelGrid columns="1">
                                    <f:facet name="header">Muebles ALPES</f:facet>
                                </h:panelGrid>
                                <h:panelGrid columns="4">
                                    <h:outputLabel value="Cliente:" />
                                    <h:outputLabel value="#{CompraBean.numeroDocumento}" />
                                    <h:outputLabel value="Fecha Generación:" />
                                    <h:outputLabel value="#{CompraBean.fechaActual}" />
                                    <h:outputLabel value="Fecha Inicial:" />
                                    <h:outputLabel value="#{CompraBean.fechaInicial}" />
                                    <h:outputLabel value="Fecha Final:" />
                                    <h:outputLabel value="#{CompraBean.fechaFinal}" />
                                </h:panelGrid>
                            </left>
                            <rich:extendedDataTable id="tblCompras" height="47px" value="#{CompraBean.compras}" var="com">
                                <rich:column>
                                    <f:facet name="header">Compra</f:facet>#{com.referenciaCompra}
                                </rich:column>
                            <rich:column height="200px">
                                <f:facet name="header">Muebles Adquiridos</f:facet>
                                <cust:repeat var="art" value="#{com.articulos}">                                   
                                    #{art.referenciaMueble} -
                                </cust:repeat>
                                </rich:column>
                            </rich:extendedDataTable>
                        </a4j:form>
                    </rich:simpleTogglePanel>
                </rich:panel>
            </ui:define>
        </ui:composition>
    </body>
</html>